Add placeholder to hande horizontal spinbutton entries,
add instructions for horizontal OSD spinbutton entry to use this
placeholder.
padding: 0;
- entry {
+ %spinbutton_horz_entry {
min-width: 28px;
// reset all the other props since the spinbutton node is styled here
margin: 0;
&:backdrop:disabled { background-color: transparent; }
}
+ entry {
+ @extend %spinbutton_horz_entry;
+ }
+
button {
min-height: 16px;
margin: 0;
// OSD horizontal
.osd &:not(.vertical) {
+ entry {
+ @extend %spinbutton_horz_entry;
+ }
+
button {
@include button(undecorated);
/***************** GtkSpinButton * */
spinbutton:not(.vertical) { padding: 0; }
-spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }
/***************** GtkSpinButton * */
spinbutton:not(.vertical) { padding: 0; }
-spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
+spinbutton:not(.vertical) entry, .osd spinbutton:not(.vertical) entry { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; }
spinbutton:not(.vertical) entry:backdrop:disabled { background-color: transparent; }